import './css/App.css';
import Home from './Home';
import Topic from './Topic';
import Me from './Me';
import Collect from './Collect';
import { Public } from './Public';
import Bottom from './Bottom';
import {
  Route,
  BrowserRouter as Router,
} from 'react-router-dom'

const App = () => {
  return (
    <Router>
      <Route exact path='/'>
        <Home />
      </Route>
      <Route path='/topic/:id'>
        <Topic />
      </Route>
      <Route path='/collect'>
        <Collect />
      </Route>
      <Route path='/public'>
        <Public />
      </Route>
      <Route path='/me'>
        <Me />
      </Route>
      <div className='bottom'>
        <Bottom />
      </div>
    </Router>


  );
}

export default App;